.icon{
    width: 15px;
    margin-right: 6px;
}

.font{
    padding: 2px;
}

.main{
    :global{
        .ant-drawer-body{
            padding: 12px !important;
        }
        .ant-card-body{
          padding: 15px !important;
        }
    }
}

.firstCard{
  margin-bottom: 12px;
}

.tag{
    margin-bottom: 10px;
}

.sqlOprBar {
    // padding: 0 5px 0;
    :global {
      .ant-btn-round.ant-btn-sm {
        font-size: 12px;
      }
      .ant-btn-primary {
        color: #fff;
        background: #02a7f0;
        border-color: #02a7f0;
      }
    }
  }

  
.sqlOprIcon {
    margin-right: 30px;
    color: #02a7f0;
    font-size: 22px;
    
    &:hover {
      cursor: pointer;
      opacity: 0.8;
    }
  
    &:active {
      opacity: 0.7;
    }
  }


  .sqlOprBtn {
    margin-right: 30px;
    vertical-align: super !important;
  
    &:hover {
      cursor: pointer;
      opacity: 0.8;
    }
  
    &:active {
      opacity: 0.7;
    }
  }
  

  .sqlEditor {
    // min-width: 0;
    margin-top: 10px;
    height: 100%;
    width: 100%;
    // border: solid 1px;
  
    :global {
      .ace_editor {
        font-family: 'Menlo', 'Monaco', 'Ubuntu Mono', 'Consolas', 'source-code-pro' !important;
      }
      .ace_content{
        width: none !important;
        height: none !important;
      }
    }
  }

  .run{
    float: right;
    font-size: 15px;
    font-weight: 600;
    color: #02a7f0;
  }

  .taskIcon {
    margin-right: 10px;
    color: #1890ff;
    font-size: 14px;
  }
  
  .taskSuccessIcon {
    .taskIcon();
  
    color: #67c23a;
  }
  
  .taskFailIcon {
    .taskIcon();
  
    color: #f56c6c;
  }